    <style include="certificate-shared iron-flex">
      .button-box {
        align-items: center;
        display: flex;
        margin-bottom: 24px;
        min-height: 48px;
        padding: 0 20px;
      }

      /* TODO(aee): add platform conditional after crbug/964506 is fixed. */
      #importAndBind {
        margin-inline-start: 8px;
      }
    </style>
    <div class="button-box">
      <span class="flex">
          [[getDescription_(certificateType, certificates)]]</span>
      <cr-button id="import" on-click="onImportTap_"
          hidden="[[!canImport_(certificateType, importAllowed, isKiosk_)]]">
        [[i18n('certificateManagerImport')]]</cr-button>
<if expr="chromeos_ash or chromeos_lacros">
      <cr-button id="importAndBind" on-click="onImportAndBindTap_"
          hidden="[[!canImportAndBind_(certificateType, importAllowed,
                 isGuest_)]]">
        [[i18n('certificateManagerImportAndBind')]]</cr-button>
</if>
    </div>
    <template is="dom-repeat" items="[[certificates]]">
      <certificate-entry model="[[item]]"
          certificate-type="[[certificateType]]">
      </certificate-entry>
    </template>
